<template>
  <!-- 微信登录 -->
  <view class="container" v-if="guidePages">
    <view class="signbox flex flex-jc-sb">
      <view class="quick">
        <view class="quitext">
          登录7迈车，体验更多功能
        </view>
      </view>
    </view>
    <view v-show="!pasworcontrol">
      <view class="inpumob">
        <view class="pleasemb" v-if="mobileName">
          请输入手机号
        </view>
        <view class="inpuborder">
          <u-input v-model="mobileName" :type="type" @input="moblieInput" placeholder='请输入手机号' maxlength='11' class="inputtext"
            placeholder-style="color: #999999;font-size: 40rpx;" @focus="showSmalltitle" @blur="hideSmalltitle" />
        </view>
      </view>
    </view>
    <view v-show="!pasworcontrol">
      <view class="inpumob">
        <view class="pleasemb" v-if="invitationCode">
          请输入验证码
        </view>
        <view class="inpuborder flex flex-ai-c flex-jc-sb">
          <view class="">
            <u-input v-model="invitationCode" :type="type" @input="clearInput" placeholder='请输入验证码' maxlength='6'
              class="inputtext" placeholder-style="color: #999999;font-size: 40rpx;" @focus="showSmalltitle" @blur="hideSmalltitle" />
          </view>
          <view class="1234">
            <view class="VerCode" @click="tipsbtns(tips)" v-if="tips === '获取验证码'">
              获取验证码
            </view>
            <view class="mt-10" style="text-align: right;">
              <view class="color-999 font-26" v-if="tips !== '重新获取验证码'">
                <view class="send again-send" v-if="tips !== '获取验证码'">{{tips}}</view>
              </view>
              <view class="color-FBB000 font-26" v-else @click="tipsbtns(tips)">
                <view class="send again-send">{{tips}}</view>
              </view>
            </view>
          </view>
        </view>
        <u-verification-code :seconds="seconds" @end="end" @start="start" ref="uCode" @change="codeChange" change-text="X秒后重发"
          end-text="重新获取验证码"></u-verification-code>
      </view>
    </view>
    <view class="buttons" style="margin-top: 100rpx;">
      <view class="buth" v-if="!nextStepstat">
        确认登录
      </view>
      <view class="butcolo" v-if="nextStepstat" @click="nextStepClick()">
        确认登录
      </view>
    </view>
    <view class="agreement">
      <view class="1234">
        使用手机号码一键登录即代表你同意
      </view>
      <view @click="gouserAgreementPage"><text>《用户使用协议》</text>和<text>《隐私政策》</text></view>
    </view>
  </view>
</template>

<script src="./loginWeixin.js"></script>

<style lang="scss" scoped>
  @import './loginWeixin.scss';
</style>
